<template>
  <el-row class="header">
    <el-col :span="20" :offset="3">

      <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect" :route="true">
        <li class="logo"><img src="../../assets/images/logo.png"></li>
        <el-menu-item index="1"><router-link :to="{path: '/'}">首页</router-link></el-menu-item>
        <el-menu-item index="2"><router-link :to="{path: '/Course'}">课程体系</router-link></el-menu-item>
        <el-menu-item index="3"><router-link :to="{path: '/'}">讲师团队</router-link></el-menu-item>
        <el-menu-item index="4"><router-link :to="{path: '/'}">就业明星</router-link></el-menu-item>
        <el-menu-item index="5"><router-link :to="{path: '/AboutUs'}">联系我们</router-link></el-menu-item>
        <el-menu-item index="6"><router-link :to="{path: '/AboutUs'}">关于我们</router-link></el-menu-item>
      </el-menu>
    </el-col>

  </el-row>
</template>
<script>
  export default {
      props: ['activeIndex'],
      methods: {
        handleSelect(item) {
        },

      }
  }
</script>
<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
  }
  .header , .el-menu {
    background : #233464;
  }
  .logo {
    float : left;
    margin-right : 7.8em!important;
  }

  #app .logo.is-active {
    background:none!important;
    border:0!important;
  }

  #app .header .logo:hover {
    background:none!important;
    border:0!important;
  }
  #app .header .logo:actived {
    background:none!important;
    border:0!important;
  }

  .header .el-menu-item:hover {
    background : #cf6b16!important;
    border:0px!important;
  }
  .header .el-menu-item.is-active {
    background : #cf6b16;
    color : #fff;
  }
  .header .el-menu-item {
    border-bottom : 0px!important;
    color : #fff;
    height:63px!important;
    line-height:63px!important;
  }
  .el-menu-item a {
    text-decoration: none!important;
    border-bottom:0px!important;
  }

</style>
